<!-- 手机验证 -->
<template>
  <div class="home">
    <div class="tabBar">
      <div
        class="tabItem"
        :class="{ tabBarItemSelect: isActive == 1 }"
        @click="tabSelect(1)"
      >
        电单车
      </div>
      <div
        class="tabItem"
        :class="{ tabBarItemSelect: isActive == 2 }"
        @click="tabSelect(2)"
      >
        还车点
      </div>
    </div>
    <template v-if="adList && adList.length > 0 && adShow">
      <div class="fullPopup"></div>
      <md-swiper class="dialog" :autoplay="5000" ref="swiper" :has-dots="false">
        <md-swiper-item :key="$index" v-for="(item, $index) in adList">
          <img style="width: 100%; height: 100%" :src="item.img" />
        </md-swiper-item>
      </md-swiper>
      <img
        class="closeDialog"
        @click="closeModel"
        src="../../images/closeMod.png"
      />
    </template>
    <input
      type="file"
      @change="getUrl('file-url')"
      name=""
      id="file"
      value=""
      ref="filElem"
      style="display: none"
    />
    <div id="container"></div>
    <img
      class="handleButton"
      v-if="btnStatus == 0"
      @click="login()"
      src="../../images/icon_register@3x.png"
    />
    <img
      class="handleButton"
      v-if="btnStatus == 1"
      @click="scan()"
      src="../../images/icon_use@2x2.png"
    />
    <img
      class="location"
      @click="setCenter()"
      src="../../images/icon_location1@2x.png"
    />
    <img
      class="noFence"
      v-if="routerInfo.outFence && haveCar"
      src="../../images/search.png"
    />
    <img
      class="noFence"
      style="width: 130px; margin-left: -65px"
      v-if="!routerInfo.outFence"
      src="../../images/unopen.png"
    />
    <img
      class="noFence"
      style="width: 120px; height: 46px; margin-left: -60px"
      v-if="isActive == 1 && !haveCar"
      src="../../images/noPark.png"
    />
    <img class="centerLocation" src="../../images/icon_locating_pin@3x.png" />
    <img
      v-if="hasUnpayOrder"
      class="payOrderIcon"
      @click="goPayOrder"
      src="../../images/payOrder.png"
    />
  </div>
</template>

<script>
/* eslint-disable */
import index from "./index.js";

export default {
  mixins: [index],
};
</script>

<style scoped lang="stylus">
@import './index.styl';
</style>
